<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title></title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .gantt-line2-wrapper {
      display: flex;
      align-items: stretch;
      /* align-items: center; */
      height: auto;
    }

    .line2-left {
      width: 460px;
      color: #333333;
      font-size: 18px;
      padding-left: 24px;
      border-bottom: 1px solid #fff;
      background-color: #e0d2af;
      height: 100%;
      padding: 14px 13px;
    }

    .line2-name {
      font-size: 18px;
      height: 18px;
      line-height: 18px;
      color: #333333;
    }

    .line2-right {
      position: relative;
      z-index: 3;
      flex: 1;
      display: flex;
      align-items: center;
    }

    .line-grid-item {
      width: calc(calc(100% - 120px) / 4);
      border-bottom: 1px solid red;
      border-right: 1px solid red;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

    .line-grid-seat {
      width: 120px;
      border-bottom: 1px solid red;
      border-right: 1px solid red;
    }

    .line-grid-box {
      height: 100%;
    }

    .line-grid-item {
      height: 100%;
    }

    .line-grid-seat {
      height: 100%;
    }

    .progress2-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 4;
    }

    .line-grid-box {
      flex: 1;
      display: flex;
      align-items: center;
    }
  </style>
</head>

<body style="width: 100vw; height: 100vh">

  <div class="gantt-line2-wrapper">
    <div class="line2-left">
      <div class="line2-name f-hidden">1</div>
      <div class="line2-name f-hidden">2</div>
    </div>
    <div class="line2-right">
      <div class="line-grid-box">
        <div class="line-grid-item"></div>
        <div class="line-grid-item"></div>
        <div class="line-grid-item"></div>
        <div class="line-grid-item"></div>
        <div class="line-grid-seat"></div>
      </div>

      <div class="progress2-wrapper">
        <div class="progress2-container">1</div>
        <div class="progress2-container">2</div>
      </div>
    </div>
  </div>
  </div>

  <script></script>
</body>

</html>